<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>微金所</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="css/wjs.css"/>
    <!--[if lte IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <![endif]-->

</head>
<body>
<!--头部-->
<div class="wjs-topBar hidden-sm hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                <a href="#" class="wjs-app">
                    <span class="wjs-icon wjs-icon-phone"></span>
                    <span>手机微金所</span>
                    <span class="glyphicon glyphicon-menu-down"></span>
                    <img src="images/code.jpg" alt=""/>
                </a>
            </div>
            <div class="col-md-5">
                <span class="wjs-icon wjs-icon-tel"></span>
                <span>4006-89-4006（服务时间：9:00-21:00）</span>
            </div>
            <div class="col-md-2">
                <a href="#">常见问题</a>
                <a href="#">财富登录</a>
            </div>
            <div class="col-md-3">
                <a href="#" class="btn btn-danger btn-register">免费注册</a>
                <a href="#" class="btn btn-link btn-login">登录</a>
            </div>
        </div>
    </div>
</div>
<!--导航-->
<nav class="wjs-nav navbar navbar-default " data-spy="affix" data-offset-top="100">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <span class="wjs-icon wjs-icon-logo"></span>
                <span class="wjs-icon wjs-icon-word"></span>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">我要投资</a></li>
                <li><a href="#">我要借贷</a></li>
                <li><a href="#">平台介绍</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">最新动态</a></li>
                <li><a href="#">微平台</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right hidden-sm">
                <li><a href="#">个人中心</a></li>
            </ul>
        </div>
    </div>
</nav>
<!--轮播图-->
<div class="wjs-banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- 小圆点 -->
        <ol class="carousel-indicators">
        </ol>
        <!-- 轮播图 -->
        <div class="carousel-inner" role="listbox">
        </div>
        <!-- 箭头 -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="wjs-info hidden-xs">
    <div class="container">
        <div class="col-md-4 col-sm-6 hidden-xs">
            <a href="#" class="wjs-info-box">
                <div class="media">
                    <div class="media-left wjs-icon wjs-icon-pay ">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>

                        <p>银联支付全称保证支付安全</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-4 col-sm-6 hidden-xs">
            <a href="#" class="wjs-info-box">
                <div class="media">
                    <div class="media-left wjs-icon wjs-icon-pay ">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>

                        <p>银联支付全称保证支付安全</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-4 col-sm-6 hidden-xs">
            <a href="#" class="wjs-info-box">
                <div class="media">
                    <div class="media-left wjs-icon wjs-icon-pay ">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>

                        <p>银联支付全称保证支付安全</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-4 col-sm-6 hidden-xs">
            <a href="#" class="wjs-info-box">
                <div class="media">
                    <div class="media-left wjs-icon wjs-icon-pay ">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>

                        <p>银联支付全称保证支付安全</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-4 col-sm-6 hidden-xs">
            <a href="#" class="wjs-info-box">
                <div class="media">
                    <div class="media-left wjs-icon wjs-icon-pay ">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>

                        <p>银联支付全称保证支付安全</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-4 col-sm-6 hidden-xs">
            <a href="#" class="wjs-info-box">
                <div class="media">
                    <div class="media-left wjs-icon wjs-icon-pay ">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>

                        <p>银联支付全称保证支付安全</p>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
<div class="wjs-book">
    <div class="container">
        <div class="pull-left">
            <span class="wjs-icon wjs-icon-clock"></span>
            <span>现在有 273 人在排队，累计预约交易成功 7571 次。 什么是预约投标？ </span>
            <a href="#" class="wjs-book-link">立即预约</a>
        </div>
        <a href="#" class="pull-right hidden-xs">
            <span class="wjs-icon wjs-icon-video"></span>
            <span>微金所企业宣传片</span>
        </a>
    </div>
</div>
<!--产品-->
<div class="wjs-product">
    <div class="container">
        <!-- Nav tabs -->
        <div class="wjs-product-tab">
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#home1" aria-controls="home" role="tab"
                                                          data-toggle="tab">特别推荐</a></li>
                <li role="presentation"><a href="#home2" aria-controls="profile" role="tab" data-toggle="tab">微投资</a>
                </li>
                <li role="presentation"><a href="#home3" aria-controls="messages" role="tab" data-toggle="tab">微投资</a>
                </li>
                <li role="presentation"><a href="#home4" aria-controls="settings" role="tab" data-toggle="tab">微投资</a>
                </li>
                <li role="presentation"><a href="#home5" aria-controls="settings" role="tab" data-toggle="tab">微投资</a>
                </li>
                <li role="presentation"><a href="#home6" aria-controls="settings" role="tab" data-toggle="tab">微投资</a>
                </li>
                <li role="presentation"><a href="#home7" aria-controls="settings" role="tab" data-toggle="tab">微投资</a>
                </li>
            </ul>
        </div>

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home1">
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <a href="#" class="wjs-product-box active">
                        <div class="box-right pull-right">
                            <p>
                                <b>8</b>
                                <sub>%</sub>
                            </p>

                            <p>年利率</p>
                        </div>
                        <div class="box-left ">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 ">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>
                                <p>0.01万</p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">
                    <a href="#" class="wjs-product-box ">
                        <div class="box-right pull-right">
                            <p>
                                <b>8</b>
                                <sub>%</sub>
                            </p>

                            <p>年利率</p>
                        </div>
                        <div class="box-left ">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>
                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <a href="#" class="wjs-product-box ">
                        <div class="box-right pull-right">
                            <p>
                                <b>8</b>
                                <sub>%</sub>
                            </p>
                            <p>年利率</p>
                        </div>
                        <div class="box-left ">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>
                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <div class="progress">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                        <span class="sr-only">60% Complete</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <a href="#" class="wjs-product-box ">
                        <div class="box-right pull-right">
                            <div class="box-tip">
                                <span class="red" data-toggle="tooltip" data-placement="top" title="微金宝">微</span>
                                <span class="green" data-toggle="tooltip" data-placement="bottom" title="北京">京</span>
                            </div>
                            <p>
                                <b>8</b>
                                <sub>%</sub>
                            </p>

                            <p>年利率</p>
                        </div>
                        <div class="box-left ">
                            <h3 class="text-center">新手体验标1002期</h3>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>
                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <p>起投金额(元)</p>

                                <p>0.01万</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="home2">2</div>
            <div role="tabpanel" class="tab-pane" id="home3">3</div>
            <div role="tabpanel" class="tab-pane" id="home4">4</div>
            <div role="tabpanel" class="tab-pane" id="home5">5</div>
            <div role="tabpanel" class="tab-pane" id="home6">6</div>
            <div role="tabpanel" class="tab-pane" id="home7">7</div>
        </div>
    </div>
</div>
<!--新闻-->
<div class="wjs-news">
    <div class="container">
        <div class="col-md-2 col-md-offset-2">
            <h3 class="wjs-news-tit">全部新闻</h3>
        </div>
        <div class="col-md-1">
            <div class="wjs-news-line hidden-sm hidden-xs"></div>
            <!-- Nav tabs -->
            <ul class="nav  wjs-news-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><span class="wjs-icon wjs-icon-new1"></span></a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><span class="wjs-icon wjs-icon-new2"></span></a></li>
                <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><span class="wjs-icon wjs-icon-new3"></span></a></li>
                <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><span class="wjs-icon wjs-icon-new4"></span></a></li>
            </ul>
        </div>
        <div class="col-md-7">
            <div class="tab-content wjs-news-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <ul>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane" id="profile">
                    <ul>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane" id="messages">
                    <ul>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane" id="settings">
                    <ul>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                        <li><span class="hidden-xs">2016-01-22</span> 【微还款】一周还款公告2016年1月18日-1月24日</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--合作伙伴-->
<div class="wjs-partner">
    <div class="container">
        <h3>合作伙伴</h3>
        <ul>
            <li><a href="#" class="wjs-icon wjs-icon-part1"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part2"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part3"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part4"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part5"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part6"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part7"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part8"></a></li>
            <li><a href="#" class="wjs-icon wjs-icon-part9"></a></li>
        </ul>
    </div>
</div>


<script type="text/template" id="point">
    <%$.each(model,function(index,item){%>
    <li data-target="#carousel-example-generic" data-slide-to="<%=index%>" class="<%=index==0?'active':''%>"></li>
    <%})%>
</script>
<script type="text/template" id="image">
    <%$.each(model,function(index,item){%>
    <div class="item <%=index==0?'active':''%>">
        <%if(isMobile){%>
        <a href="#" class="m-img"><img src="<%=item.mImg%>" alt=""/></a>
        <%}else{%>
        <a href="#" class="wjs-img" style="background: url(<%=item.pcImg%>) no-repeat top center/cover"></a>
        <%}%>
    </div>
    <%})%>

</script>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/underscore/underscore-min.js"></script>
<script src="js/swipe.js"></script>
<script src="js/wjs.js"></script>
</body>
</html>